 <div class="col-sm-12 col-md-12">
    <div class="row">
     	<div class="col-sm-12 col-md-12">
			<form class="form-custom clearfix">
	        <div class="col-sm-2 col-md-2">
	            <input class="form-control"  type="text" placeholder="产品名称" ng-model="params.querykeyword"/>       
	        </div>   
	        <div class="col-sm-4 col-md-4">                 
	            <button class="btn btn-custom" type="submit" ng-click="refresh('first',true)">查询</button>            
	            <button class="btn btn-custom" type="button" data-toggle="modal" data-target="#add" upload-refresh="true" ng-click="clearForm()">新增</button> 
	        </div>
            </form>
        </div> 
    </div>
    <table class="table table-striped table-bordered table-condensed index-center table-costom">
        <thead>
        <tr>
            <th width="40">序号</th>
            <th width="80">产品编号</th>
            <th width="80">产品名称</th>
            <th>还款方式</th>
            <th>保障方式</th>
            <th>到期赎回率费用</th>
            <th>提前赎回率费用</th>
            <th>最小投资额</th>
            <th>投资额递增倍数</th>
            <th>单笔额度上限</th>
            <th width="80">年化利率</th>
            <th width="60">期限</th>
            <th>状态</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr class="rowlink" ng-repeat="it in limitArr">
            <td>{{current*limit+$index+1}}</td>
            <td>{{it.productSN}}</td>
            <td>{{it.productName}}</td>
            <td>{{it.paymentMethod}}</td>
            <td>{{it.guaranteeMethod}}</td>
            <td>{{it.redemptionDueRate}}</td>
            <td>{{it.redemptionEarlyRate}}</td>
            <td>{{it.investmentAmountMin}}</td>
            <td>{{it.investmentAmountMultiple}}</td>
            <td>{{it.investmentAmountUpper}}</td>
            <td>{{it.annualizedRate}}</td>
            <td>{{it.period}}{{it.unit}}</td>
            <td ng-if="it.status==0">无效</td><td ng-if="it.status==1">有效</td>
            <td>
                <a href="javascript:" data-toggle="modal" data-target="#preview" ng-click="preview(it)">预览</a>
                <a href="javascript:" data-toggle="modal" data-target="#edit" upload-refresh="true" ng-click="edit(it)">修改</a> 
                <a href="javascript:" data-toggle="modal" data-target="#removeDialog" ng-click="todelete(it.productId)">删除</a>
                <a href="javascript:" data-toggle="modal" data-target="#add" ng-click="addByTemplate(it)">模板增加</a>
            </td>
        </tr>
        </tbody>
    </table>
          <div data-remote-paging="pager" 
			data-refresh="refresh" 
			data-current="current" 
			data-total="total" 
			data-data="limitArr"
			data-limit="limit"
			data-params="params"></div>
</div>
  
<!-- 新增对话框 -->
<div class="modal fade" id="add" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">新增</h4>
            </div>            
            <form name="addFm" class="form-horizontal" ng-submit="create(key)" novalidate="novalidate">    
	            <div class="modal-body">
	                <div class="row">
	                  <div class="col-sm-12 col-md-12">
						<div class="form-group">
			                <label class="col-lg-2 control-label">产品名称</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="key.productName" ng-maxlength="50" ng-trim maxlength="50" />
			                </div>
			                <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">产品编号</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="key.productSN" ng-maxlength="50" ng-trim maxlength="50" />
			                </div>
			                <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">还款方式</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="key.paymentMethod" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">保障方式</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="key.guaranteeMethod" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">到期赎回费用率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.redemptionDueRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">提前赎回费用率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.redemptionEarlyRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">最小投资额</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.investmentAmountMin" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">投资额递增倍数</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.investmentAmountMultiple" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">单笔额度上限</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.investmentAmountUpper" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">年化利率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.annualizedRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">奖励利率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.rewardRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
                        </div>
                        <div class="form-group">
			                <label class="col-lg-2 control-label">加入期</label>
			                <div class="col-lg-3">
                                <div data-datetimepicker="key.startDate"></div>
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
			                <label class="col-lg-2 control-label">到期日</label>
			                <div class="col-lg-3">
                                <div data-datetimepicker="key.endDate"></div>
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
                        </div>
                        <div class="form-group">
			                <label class="col-lg-2 control-label">周期</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.period" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">单位</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="key.unit" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">加入费率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.joinRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">管理费率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="key.managementRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">到期赎回方式</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" ng-model="key.redemptionDueMethod" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
			                <label class="col-lg-2 control-label">提前赎回方式</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" ng-model="key.redemptionEarlyMethod" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
			                <label class="col-lg-2 control-label">总投资额度</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" ng-model="key.totalAmount" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">产品类型</label>
			                <div class="col-lg-3">
				                <select ng-model="key.type" select2 class="form-control">
				                    <option value="0">新手专享</option>
				                    <option value="1">定存宝</option>
				                    <option value="2">朗月赢</option>
				                    <option value="3">金宝宝</option>
				                </select>
                            </div>
                            <span class="mustItem">*</span>
                        </div>
						<div class="form-group">
			                <label class="col-lg-2 control-label">产品介绍</label>
			                <div class="col-lg-3">
			                    <textarea class="form-control" style="width:500px" ng-model="key.productDesc" rows="4" />
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
                        </div>
						<div class="form-group">
			                <label class="col-lg-2 control-label">帮助</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" style="width:500px" ng-model="key.help" ng-maxlength="250" ng-trim maxlength="250" />
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
                        </div>
	                    <div class="form-group">
	                        <label class="col-lg-2 control-label">项目状态：</label>
	                        <div class="col-lg-9">
	                            <label class="radio-inline"><input type="radio" class="" ng-model="key.status" value="0" name="state"/>无效</label>
	                            <label class="radio-inline"><input type="radio" class="" ng-model="key.status" value="1" name="state"/>有效</label>
	                        </div>
	                    </div>
	                  </div>
	                </div>
	            </div>
	            <div class="modal-footer">   
	              <button type="reset" class="btn btn-default">重置</button>
	              <button type="submit" class="btn btn-primary" ng-disabled="addFm.$invalid">保 存</button>
	              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	            </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div><!-- /.modal -->

<!-- 删除对话框 -->
<div class="modal fade" id="removeDialog" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">删除</h4>
            </div>
            <div class="modal-body">
                                                     确认要删除么？
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" ng-click="comfirmDelete()" data-dismiss="modal">确认删除</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div><!-- /.modal -->


<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">修改</h4>
            </div>            
            <form name="shareFm" class="form-horizontal" ng-submit="create(keye)" novalidate="novalidate">    
	            <div class="modal-body">
	                <div class="row">
	                  <div class="col-sm-12 col-md-12">
                        <div class="form-group">
			                <label class="col-lg-2 control-label">产品名称</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="keye.productName" ng-maxlength="50" ng-trim maxlength="50" />
			                </div>
			                <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">产品编号</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="keye.productSN" ng-maxlength="50" ng-trim maxlength="50" />
			                </div>
			                <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">还款方式</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="keye.paymentMethod" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">保障方式</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="keye.guaranteeMethod" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">到期赎回费用率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.redemptionDueRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">提前赎回费用率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.redemptionEarlyRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">最小投资额</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.investmentAmountMin" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">投资额递增倍数</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.investmentAmountMultiple" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">单笔额度上限</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.investmentAmountUpper" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">年化利率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.annualizedRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">奖励利率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.rewardRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
                        </div>
                        <div class="form-group">
			                <label class="col-lg-2 control-label">加入期</label>
			                <div class="col-lg-3">
                                <div data-datetimepicker="keye.startDate"></div>
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
			                <label class="col-lg-2 control-label">到期日</label>
			                <div class="col-lg-3">
                                <div data-datetimepicker="keye.endDate"></div>
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
                        </div>
                        <div class="form-group">
			                <label class="col-lg-2 control-label">周期</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.period" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">单位</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" required ng-model="keye.unit" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">加入费率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.joinRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">管理费率</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.managementRate" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">到期赎回方式</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" ng-model="keye.redemptionDueMethod" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
			                <label class="col-lg-2 control-label">提前赎回方式</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" ng-model="keye.redemptionEarlyMethod" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
			                <label class="col-lg-2 control-label">总投资额度</label>
			                <div class="col-lg-3">
			                    <input type="number" class="form-control" required ng-model="keye.totalAmount" ng-maxlength="50" ng-trim maxlength="50" />
                            </div>
                            <span class="mustItem">*</span>
			                <label class="col-lg-2 control-label">产品类型</label>
			                <div class="col-lg-3">
				                <select ng-model="keye.type" select2 class="form-control">
				                    <option value="0">新手专享</option>
				                    <option value="1">定存宝</option>
				                    <option value="2">朗月赢</option>
				                    <option value="3">金宝宝</option>
				                </select>
                            </div>
                            <span class="mustItem">*</span>
                        </div>
                        <div class="form-group">
			                <label class="col-lg-2 control-label">产品介绍</label>
			                <div class="col-lg-3">
			                    <textarea class="form-control" style="width:500px" ng-model="keye.productDesc" rows="4"/>
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
                        </div>
                        <div class="form-group">
			                <label class="col-lg-2 control-label">帮助</label>
			                <div class="col-lg-3">
			                    <input type="text" class="form-control" style="width:500px" ng-model="keye.help" ng-maxlength="250" ng-trim maxlength="250" />
                            </div>
                            <span class="mustItem">&nbsp;&nbsp;</span>
                        </div>
	                    <div class="form-group">
	                        <label class="col-lg-2 control-label">项目状态：</label>
	                        <div class="col-lg-9">
	                            <label class="radio-inline"><input type="radio" class="" ng-model="keye.status" value="0" name="state"/>无效</label>
	                            <label class="radio-inline"><input type="radio" class="" ng-model="keye.status" value="1" name="state"/>有效</label>
	                        </div>
	                    </div>
	                  </div>
	                </div>
	            </div>
	            <div class="modal-footer">
	              <button type="reset" class="btn btn-default">重置</button>
	              <button type="submit" class="btn btn-primary" ng-disabled="shareFm.$invalid">保存</button>
	              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	            </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div><!-- /.modal -->


<!-- 预览知识 -->
<div class="modal fade" id="preview" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;height:392px; ">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">预览</h4>
            </div>    
            <div class="modal-body">     
            	<div class="col-sm-12 col-md-12">
	            <form role="form" class="form-horizontal">                                      
	                <h4 class="heading">产品名称： {{keyv.productName}}</h4> 
	                <div class="form-group">&nbsp;</div>
           			<div class="form-group"  style=" height:332px; ">
                        <p class="col-lg-6">  
           				 产品名称：{{keyv.productName}}<br />
           				 产品编号：{{keyv.productSN}}<br />
           				 还款方式：{{keyv.paymentMethod}}<br />
           				 保障方式：{{keyv.guaranteeMethod}}<br />
           				 到期赎回费用率：{{keyv.redemptionDueRate}}<br />
           				 提前赎回费用率：{{keyv.redemptionEarlyRate}}<br />
           				 最小投资额：{{keyv.investmentAmountMin}}<br />
           				 投资额递增倍数：{{keyv.investmentAmountMultiple}}<br />
           				 单笔额度上限：{{keyv.investmentAmountUpper}}<br />
           				 年化利率：{{keyv.annualizedRate}}<br />
           				 奖励利率：{{keyv.rewardRate}}<br />
           				 加入期：{{keyv.startDate|date:'yyyy-MM-dd'}}<br />
           				 到期日：{{keyv.endDate|date:'yyyy-MM-dd'}}<br />
           				 周期：{{keyv.period}}{{keyv.unit}}<br />
           				 加入费率：{{keyv.joinRate}}<br />
           				 管理费率：{{keyv.managementRate}}<br />
           				 到期赎回方式：{{keyv.redemptionDueMethod}}<br />
           				 提前赎回方式：{{keyv.redemptionEarlyMethod}}<br />
           				 总投资额度：{{keyv.totalAmount}}<br />
           				 已投资额度：{{keyv.currentAmount}}<br />
           				 产品类型：{{keyv.type}}<br />
           				 产品介绍：{{keyv.productDesc}}<br />
           				 帮助：{{keyv.help}}<br />
                        </p>  
                  	</div>
                   <div class="form-group">&nbsp;</div>
	            </form>
	            </div> <!-- col-sm-12 col-md-12 end -->
            </div><!-- modal-conteng end -->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div><!-- /.modal --> 